<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双向绑定</title>
</head>
<body>
  <div id="app">
    <label>请输入姓名:</label>
    <!-- 设置input的value与变量username进行双向绑定 -->
    <input type="text" id="name" v-model="username">
    <!-- 当文本输入框中输入内容之后 会立即显示在p标签中 -->
    <p on>{{username}}</p>
  </div>
  <script src="vue.min.js"></script>
  <script>
    new Vue({
      el : "#app", // 通过id选择器绑定一个页面标签
      data : {
        username : "" // 接收input文本输入框中的内容 和input标签进行双向绑定
      }
    })
  </script>
</body>
</html>